{% include 'base.html' %}

<style>
    .delete-container {
        max-width: 500px;
        margin: 50px auto;
        background: white;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        text-align: center;
    }

    .delete-message {
        font-size: 18px;
        margin-bottom: 25px;
        color: #e74c3c;
    }

    .btn-danger {
        background-color: #e74c3c;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .btn-danger:hover {
        background-color: #c0392b;
    }

    .btn-cancel {
        display: inline-block;
        margin-left: 15px;
        background-color: #95a5a6;
        color: white;
        padding: 10px 20px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 16px;
        transition: background-color 0.3s;
    }

    .btn-cancel:hover {
        background-color: #7f8c8d;
    }
</style>

<div class="delete-container">
    <p class="delete-message">确定要删除【{{ smodel.name }}】吗？此操作不可撤销！</p>
    <form method="POST" action="{{ url_for('delete_smodel', smodel_type_name=smodel_type_name, id=smodel.id) }}">
        <button type="submit" class="btn-danger">删除</button>
        <a href="{{ url_for('show_smodel', smodel_type_name=smodel_type_name, id=smodel.id) }}" class="btn-cancel">取消</a>
    </form>
</div>